<ng-container *ngIf="showForm.moreSelect">
  <div>下拉加载：</div>
  <nz-select
    [(ngModel)]="selectedMale"
    (nzScrollToBottom)="getMaleData()"
    nzPlaceHolder="Select users"
    nzAllowClear
    [nzDropdownRender]="renderTemplate"
  >
    <nz-option *ngFor="let o of maleOptionList" [nzValue]="o" [nzLabel]="o.name"></nz-option>
  </nz-select>
  <div *ngIf="selectedMale['id'] === null && step3Click === true" class="error-message">必填项</div>
  <ng-template #renderTemplate>
    <nz-spin *ngIf="isLoading"></nz-spin>
  </ng-template>
</ng-container>

<ng-container *ngIf="showForm.gangedSelect">
  选项1：
  <nz-select [(ngModel)]="selectedOption1" (ngModelChange)="getOptions2()">
    <nz-option *ngFor="let option of options1" [nzValue]="option" [nzLabel]="option.name"></nz-option>
  </nz-select>
  <div *ngIf="selectedOption1['id'] === null && step3Click === true" class="error-message">必填项</div>
  选项2：
  <nz-select [(ngModel)]="selectedOption2" [nzDisabled]="selectedOption1['id'] === null">
    <nz-option *ngFor="let option of options2" [nzValue]="option" [nzLabel]="option.name"></nz-option>
  </nz-select>
  <div *ngIf="selectedOption2['id'] === null && step3Click === true" class="error-message">必填项</div>
</ng-container>

<div>
  <code>
    <pre>
    选择男性后，step3是下拉加载
    选择女性后，step3是select联动
    </pre>
  </code>
</div>
